<template>
    <div>
        <div class="page-header col-xs-offset-2 col-xs-8">
            <h2>Vue路由测试</h2>
        </div>
        <!-- 导航区域 -->
        <div class="col-xs-2 col-xs-offset-2">
            <router-link to="/about" class="list-group-item" active-class="active">about</router-link>
            <router-link to="/home" class="list-group-item" active-class="active">home</router-link>
        </div>
        <!-- 展示区:home|about一级路由组件的区域 -->
        <div class="col-xs-6 panel-body">
            <router-view></router-view>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped></style>